﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="trail-comments.aspx.cs" Inherits="UI_trail_comments" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<table width="100%" border="0">
    <tr>
        <td  align="left" valign="top">
        <table border="0" width="99%">
            <tr>
                <td align="left">
                    <asp:Label ID="lblTrailName" class="arial__big_heading_font" runat="server"></asp:Label>  
                </td>
            </tr>
            <tr>
                <td align="left"><span class="labelstyle" >Location:</span>&nbsp;<asp:Label ID="lblLOcation" CssClass="labelstyleBold" runat="server"></asp:Label>  
                </td>
            </tr>
            <tr>
                <td align="left"><span class="labelstyle" >GPS Coordinates:</span>&nbsp;<asp:Label ID="lblCoordinates" CssClass="labelstyleBold" runat="server"></asp:Label>  
                </td>
            </tr>
            <tr>
                <td align="left"><span class="labelstyle" >Type of trail:</span>&nbsp;<asp:Label ID="lblType" CssClass="labelstyleBold" runat="server"></asp:Label>  
                </td>
            </tr>
            <tr>
                <td align="left"><span class="labelstyle" >Length:</span>&nbsp;<asp:Label ID="lblLength" CssClass="labelstyleBold" runat="server"></asp:Label>  
                </td>
            </tr>
            <tr>
                <td align="left"><span class="labelstyle" >Uploaded by:</span>&nbsp;<asp:HyperLink ID="lblUploaded" CssClass="links" runat="server"></asp:HyperLink>  
                </td>
            </tr>
            <tr>
                <td align="left" class="arial__big_heading_font"><br />About the trail
                </td>
            </tr>
            <tr>
                <td align="left"><asp:Label ID="lblStory" CssClass="labelstyle" runat="server"></asp:Label>  
                </td>
            </tr>
            <tr>
                <td>&nbsp;
                </td>
            </tr>
            <tr>
                <td align="left" class="arial__big_heading_font">Search for another trail
                </td>
            </tr>
            <tr>
                <td align="left">
                <table width="420" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="7" height="40" align="left" valign="middle"><img src="../images/search_bar/search_bar_left.png" width="7" height="40" /></td>
                    <td align="left" valign="middle" background="../images/search_bar/search_bar_repeater.png">              
                      <asp:TextBox ID="txtSearchTrail" runat="server" Font-Size="16px" Width="98%" BorderColor="#FFFFFF" BorderStyle="Solid" BorderWidth="1px"></asp:TextBox>
                                </td>
                    <td width="55" height="40" align="left" valign="middle"><asp:ImageButton ID="btnSearchGo" runat="server" OnClick="btnSearchGo_click" ImageUrl="../images/search_bar/search_bar_go_btn.png" Width="55" Height="40" border="0" /></td>
                  </tr>
                </table>
                </td>
            </tr>
        </table>
        </td>
        <td width="43%" align="left">
       <span class="arial__big_heading_font"> Comments</span> <br />
       <asp:Label ID="lblComments" runat="server" Font-Size="12px"></asp:Label>
        <asp:Repeater ID="rptrTrailComments" runat="server">
                            <ItemTemplate>
         <table width="400" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td align="left" valign="top">
                    <table width="400" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                         <td width="8" height="8" align="left" valign="top"><img src="../images/box/white/round_box_top_left.png" width="8" height="8" /></td>
                         <td height="8" align="left" valign="top" background="../images/box/white/round_box_top_repeater.png"><img src="../images/box/white/round_box_top_repeater.png" width="1" height="8" /></td>
                         <td width="8" height="8" align="left" valign="top"><img src="../images/box/white/round_box_top_right.png" width="8" height="8" /></td>
                       </tr>
                       <tr>
                         <td width="8" align="left" valign="top" background="../images/box/white/round_box_left-08.png"><img src="../images/box/white/round_box_left-08.png" width="8" height="2" /></td>
                         <td align="left" valign="top" bgcolor="#FFFFFF"><table width="380" border="0" cellspacing="0" cellpadding="0">
                             <tr>
                               <td align="center" valign="top"><table width="386" border="0" cellspacing="0" cellpadding="2">

                       <tr>
                         <td align="left" valign="top" class="normal_font_11"><asp:Literal ID="ltrComments" runat="server" Text='<%# Eval("Comment") %>'></asp:Literal></td>
                       </tr>

                   </table></td>
                 </tr>
                 <tr>
                   <td align="left" valign="top">&nbsp;</td>
                 </tr>

             </table></td>
             <td width="8" align="right" valign="top" background="../images/box/white/right.png"><img src="../images/box/white/right.png" width="8" height="2" /></td>
           </tr>
           <tr>
             <td width="8" height="8" align="left" valign="top"><img src="../images/box/white/round_box_bottom_left.png" width="8" height="8" /></td>
             <td height="8" align="left" valign="top" background="../images/box/white/round_box_bottom_repeater.png"><img src="images/box/white/round_box_bottom_repeater.png" width="1" height="8" /></td>
             <td width="8" height="8" align="left" valign="top"><img src="../images/box/white/round_box_bottom_right.png" width="8" height="8" /></td>
           </tr>
         </table></td>
       </tr>
       <tr>
         <td align="right" valign="top">
         
       <img src="../images/box/white/corner.png" style="float:right; margin-right:30px; padding:" alt="" />  <span class="arial_bold_font_simple" style="margin:5px 10px;" class="links" ><asp:HyperLink ID="Literal1" CssClass="links" runat="server" NavigateUrl='<%# Eval("Id","~/UI/userDetail.aspx?uid={0}") %>' Text='<%# Eval("username") %>'></asp:HyperLink> </span>                    </td>
       </tr>
    </table>
    </ItemTemplate>
 </asp:Repeater>
         </td>
      </tr>
  </table>       

</asp:Content>

